<!--<button pButton type="button" label="{{title|upper}}"></button>-->
<!--<button pButton type="button" label='{{title}}'></button>-->
<!--<ul>
    <li *ngFor="let booklist of booklists">
        <span>{{booklist.id}}</span> {{booklist.name}}
</ul>-->
<!--<div *ngIf="catalogue">
    <div *ngFor="let booklist of catalogue.booklists">
        <div><label>id: </label>{{booklist.id}}</div>
        <div>
            <label>name: </label>
            <input [(ngModel)]="booklist.bookname" placeholder="name" />
        </div>
    </div>
</div>-->

<ul class="catalogue">
    <!--<li *ngFor="let catalogue of bookcatalogues" (click)="onSelect(catalogue)">-->
    <li *ngFor="let book of books">
        <a class="badge">{{book.id}}</a> {{book.name}}
</ul>
<router-outlet></router-outlet>